<!--
  Generated template for the ChoselinePage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->

<ion-content class="chose">
  <h2 class="chose-title">{{title}}</h2>
  <ion-list class="chose-lists" radio-group [(ngModel)]="radioresult">
      <ion-item *ngFor="let item of lists; let i = index">
        <span item-left>{{item.name}}</span>
        <span *ngIf="item.state" class="chose-status" item-right style="border-radius:3px;color:#fff;background: #66e938;font-weight: bold;width: 50px;text-align: center;line-height: 26px;font-size: 14px;display: block;">开工</span>
        <span *ngIf="!item.state" class="chose-status" item-right style="border-radius:3px;color:#fff;background: #d7d7d7;font-weight: bold;width: 50px;text-align: center;line-height: 26px;font-size: 14px;display: block;">未开工</span>
        <ion-radio [value]="i" item-end></ion-radio>

      </ion-item>
  </ion-list>
  <ion-row class="actionrow" style="height: 48px;">
    <ion-col col-6 style="padding: 0;">&nbsp;</ion-col>
    <ion-col col-6 style="padding: 0;">
      <button ion-button clear class="actionbtn" (click)="cancelchose()">取消</button><button ion-button clear class="actionbtn" (click)="doublechose()">确定</button>
    </ion-col>
  </ion-row>
</ion-content>
